<template>
  <div class="waper_page">
    <Banner :list="list"></Banner>
  </div>
</template>

<script>
import Banner from '@/components/publicCommon/banner.vue'
export default {
  name: "Carousel",
  components: { Banner },
  props: {},
  data() {
    return {
      list: [
        { title: "1", path: require("@/assets/img/1.jpg"), url: "#" },
        { title: "2", path: require("@/assets/img/2.jpg"), url: "#" },
        { title: "3", path: require("@/assets/img/3.jpg"), url: "#" },
        { title: "4", path: require("@/assets/img/4.jpg"), url: "#" },
        { title: "5", path: require("@/assets/img/5.jpg"), url: "#" }
      ]
    };
  },
  mounted() { },
  computed: {},
  methods: {},
  destroyed() { }
};
</script>

<style lang="less" scoped></style>